<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Electron油猴脚本</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
      background-color: #f5f5f5;
    }
    .container {
      max-width: 800px;
      margin: 0 auto;
      background-color: white;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
    h1 {
      color: #333;
    }
    .status {
      margin-top: 20px;
      padding: 10px;
      background-color: #e9f7ef;
      border-radius: 5px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Electron油猴脚本</h1>
    <p>此应用将访问 <a href="https://114.111.61.102/lottery/372" id="target-url">https://114.111.61.102/lottery/372</a> 并预加载油猴脚本。</p>
    
    <div class="status">
      <h3>脚本状态</h3>
      <p id="script-status">正在加载...</p>
    </div>
  </div>

  <script>
    // 这里可以添加一些前端逻辑
    document.addEventListener('DOMContentLoaded', () => {
      // 检查油猴API是否可用
      if (window.GM && window.GM.xmlhttpRequest) {
        document.getElementById('script-status').textContent = '油猴API已加载，GM_xmlhttpRequest可用';
      } else {
        document.getElementById('script-status').textContent = '警告：油猴API未正确加载';
      }
    });
  </script>
</body>
</html>